extends ../common/layout.pug

block body
  .m-shop-detail
    include ../common/header.pug
    include ../common/banner.pug
    include ../common/nav.pug
    .g-tab.g-clearfix
      li 书刊
      li.active 实体店
    .row.g-border-b.g-padding-tb
      .col-sm-4
        .intro-img
          .img
            img(:src="introImgs[introImgIndex]", alt="")
          .row.imgs
            .col-xs-3(v-for="(img, i) in introImgs")
              .img(:class=`{active: introImgIndex === i}`, @click=`onClickIntroImg(i)`)
                img(:src="img", alt="")
      .col-sm-8
        .intro-text
          .title 天使风铃
          table
            tbody
              tr
                td(style="width:3em") 简介：
                td 天使风铃天使风铃天使风铃天使风铃天使风铃天使风铃天使风铃天使风铃天使风铃天使风铃天使风铃天使风铃天使风铃天使风铃天使风铃天使风铃天使风铃天使风铃天使风铃天使风铃天使风铃
              tr
                td 编号：
                td abgd123
              tr
                td 净重：
                td 14kg
          button.btn.is-md.is-primary 购买

    .recommend.g-padding-tb.g-section-lg
      .title 你可能对以下商品有兴趣
      .row
        each i in [0,1,2,3]
          .col-xs-6.col-sm-3.item
            .img
              img(src="../images/home/shop-item.png", alt="")
            .title.g-size5.g-color-active 
              b 天使风铃 
            p 编号：CVR1234
            p.g-section-sm 会员点数：1.00
            button
              i.iconfont.icon-share
              span 详情






block script
  include ../common/script.pug
  script(src="../js/shop-detail.js", type="text/javascript")